.father_flex {
  display: flex; 
  flex-direction: row;
}
.danhang{
  overflow:hidden;//超出一行文字自动隐藏 
  text-overflow:ellipsis;//文字隐藏后添加省略号
  white-space:nowrap;//强制不换行
}
.width_hold{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mask_absolute{
  position:absolute;
  z-index: 1000;
  top: 0;
  width:100%;
  height: 90rpx;
  background: rgba(0, 0, 0, 0);
}
page{
  height:100%;
}
.cates{
  height:100%;
  .shop_list{
    .shop_item{
      height:250rpx;
      margin: 20rpx 20rpx 0rpx;
      border: 1px solid rgb(209, 207, 205);
      border-radius: 30rpx;
        .shop_img{
          width:200rpx;
          height:100rpx;
          margin:20rpx;
          border-radius: 10rpx;
          float: left;
          position: relative;
        }
        .shop_content{
          width:440rpx;
          height:250rpx;
          position: relative;
          float: right;
          .shop_title{
            margin:10rpx 0rpx 10rpx 10rpx;
            font-weight: bold;
            .danhang();
          }
          .shop_message{
            margin:10rpx 0rpx;
            .father_flex();
            font-size: 24rpx;
            .danhang();
          }
          .shop_distribution{
            margin:10rpx 0rpx;
            .father_flex();
            font-size: 24rpx;
            .shop_distribution_1{
              .width_hold();
              max-width: 200rpx;
              flex:1;
            }
          }
          .shop_label{
            margin:10rpx 0rpx;
            .father_flex();
            font-size: 24rpx;
            width:300rpx;
            background-color:#FEFF98;
            border-radius: 30rpx;
            .shop_label_1{
              flex: 1;
              color: #C42424;
              text-align: center;
              .width_hold();
              max-width: 290rpx;
            }
          }
          .shop_reduction{
            margin:15rpx 0rpx;
            .father_flex();
            font-size: 24rpx;
            width:300rpx;
            height: 30rpx;
            border: 1px solid #f07272;
            border-radius: 30rpx;
            .shop_reduction_1{
              flex: 1;
              color: #C42424;
              text-align: center;
              line-height: 30rpx;
              .width_hold();
              max-width: 100rpx;
            }
            .shop_reduction_2{
              flex: 1;
              border-left: 1px solid #C42424;
              color: #C42424;
              text-align: center;
              line-height: 30rpx;
              .width_hold();
              max-width: 100rpx;
            }
          }
        }
    }
  }
} 